@include('admin.header')
<style type="text/css">

	.pic-list li {
		margin-bottom: 5px;
	}

</style>

<link rel="stylesheet" href="/static/js/jstree/themes/default/style.css" />
<script src="/static/js/jstree/jstree.js"></script>
<script src="/static/js/jstree/jstree.checkbox.js"></script>
</head>
<body>
	<div class="wrap js-check-wrap">
		{{--<ul class="nav nav-tabs">--}}
			{{--<li><a href="javascript:void(0)">用户关系</a></li>--}}
		{{--</ul>--}}
		<ul class="nav nav-tabs">
			<li><a href="javascript:void(0)">我的团队结构</a></li>
		</ul>
		<form action="{{asset('ucenter/user_tree')}}" class="js-ajax-tree" action="" method="post">
			<div class="well" >
				手机号：
				<input type="text" name="nodecode" style="width: 200px;" value="{{$nodecode or ''}}" placeholder="请输入手机号">
				资源维度：
				<input type="text" name="level" style="width: 200px;" value="{{$level or ''}}" placeholder="请输入资源维度">
				<input type="submit" class="btn btn-primary" value="搜索" />
			</div>
		</form>
		<div id="js_tree" style="height:900px;overflow:auto"></div>
	</div>
	<script type="text/javascript">
		$(function(){
			$('#js_tree').jstree({
				core:{
					data : {!! $tree !!},
					themes: {
						"responsive": false
					}
				},
				plugins : [ "wholerow" ],
				ui:{
					theme_name : "default"
				},
				lang: {
					loading: "目录加载中……"
				},
				types : {
					"default" : {
						"icon" : "fa fa-folder icon-state-warning icon-lg"
					},
					"file" : {
						"icon" : "fa fa-file icon-state-warning icon-lg"
					}
				}
			});
		})
	</script>
</body>
</html>